<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			span{
				width: 300px;
				height: 300px;
				background: pink;
				/*
				 表示绝对定位
				 * */
				position: absolute;
				left: 100px;
				top: 100px;
			}
		</style>
	</head>
	<body>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<h3>绝对定位的特点：1：以窗口(body)作为自己的参照物,进行移动
		2：在移动之后，不会占据之前的位置
		3：在使用了绝对定位之后，所有所有的标签，都可以设置宽度和高度</h3>
		<span></span>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
		<p>ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
	</body>
</html>
